<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
           需求：在页面加载完后往div里面加入内容：<a href='https://ke.qq.com/course/3139109'>前端</a>
           如果这样代码 document.querySelector("div") 在页面没有加载到div标签之前执行，就获取不到div元素。
           这个时候如何解决和？
               方式1：可以把script放到div标签的后面
               方式2：可以使用页面初始化完成之后会执行的函数（onload）来解决
       */

        // onload函数，会从页面从上到下全部加载完成后自动执行
        window.onload = function () {
            console.log("页面加载完成了");
            const divObj = document.querySelector("div");
            divObj.innerHTML = "<a href='https://ke.qq.com/course/3139109'>前端</a>"
        }
    </script>
</head>

<body>
    <div></div>
</body>

</html>